<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>1</title>
    <link rel="stylesheet" type="text/css" href="../sheets/swiper.css" />
    <link rel="stylesheet" href="../styles/index.css" />
  	<link rel="stylesheet" href="../styles/Initialization.css" />
  	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  </head>
  <body>
		<div class="topContainerall">
                <div class="topContainer">
                  <div class="top">
                    <ul class="ulleft">
                      <li><a href="#">搜狗商城</a></li>
                      <li><a href="#">意见反馈</a></li>
                      <li><a href="#">收藏本站</a></li>
                    </ul>
                    <ul class="ulright">
                      <li><a href="">购物车(0)</a></li>
                      <li><a href="">在线客服</a></li>
                      <li>
                        <a href="" class="mall"
                          >手机商城
                          <div class="erweima">
                            <i class="sj sj-top"></i>
                            <img src="../images/erweima.png" alt="" />
                            <div>微信扫码用手机购买</div>
                          </div>
                        </a>
                      </li>
                      <li><a href="">S码通道</a></li>
                        <div id="btn-wrap">
                          <li><a href="login.html" >登录</a></li>
                          <li><a href="register.html" >注册</a></li>
                        </div>
                      <div id="home">
                          <li><a href="" id="outlogin">退出</a></li>
                          <li><a href="" id="login-name">登录</a></li>
                      </div>
                      
                    </ul>
                  </div>
                </div>
                <div class="navContainerAll">
                  <div class="manuAll1">
                    <div class="manu1">
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                    </div>
                  </div>
                  <div class="manuAll2">
                    <div class="manu2">
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                    </div>
                  </div>
                  <div class="manuAll3">
                    <div class="manu3">
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                      <div>
                        <img src="#" alt="" />
                        <h3></h3>
                        <h4></h4>
                      </div>
                    </div>
                  </div>
        <div class="navContainer">
          <div class="nav">
            <div class="logo">
              <span class="logoimg"></span>
              <span class="name">搜狗商城</span>
            </div>
            <ul class="navcon">
              <li><a href="">首页</a></li>
              <li id="zhineng"><a href="">智能翻译</a></li>
              <li id="tangmao"><a href="">糖猫手表</a></li>
              <li id="peijian"><a href="">配件</a></li>
              <li><a href="">社区</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a
                href="#"
                style="background: url('../images/12345.png') center center;display: block;width: 100%;height: 100%;"
              ></a>
            </div>
            <div class="swiper-slide">
              <a
                href="#"
                style="background: url('../images/pen.png') center center;display: block;width: 100%;height: 100%;"
              ></a>
            </div>
            <div class="swiper-slide">
              <a
                href="#"
                style="background: url('../images/pen2.png') center center;display: block;width: 100%;height: 100%;"
              ></a>
            </div>
            <div class="swiper-slide">
              <a
                href="#"
                style="background: url('../images/whatch.png') center center;display: block;width: 100%;height: 100%;"
              ></a>
            </div>
            <div class="swiper-slide">
              <a
                href="#"
                style="background: url('../images/watch2.jpg') center center;display: block;width: 100%;height: 100%;"
              ></a>
            </div>
          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>

          <!-- 如果需要导航按钮 -->
          <div class="prevbutton">
            <div class="swiper-button-prev" id="prevbutton1"></div>
          </div>
          <div class="nextbutton">
            <div class="swiper-button-next"></div>
          </div>
        </div>

    <div class="ProductAll">
      <div class="ProductRecommendation">
        <div class="ProductRecommendationTitle">
          <h2>智能产品推荐</h2>
          <em>工作学习，出国旅游好帮手</em>
        </div>
        <div class="ProductRecommendationContent">
          <div class="ProductRecommendationContentLeft">
            <a href="#">
              <img
                src="//mall02.sogoucdn.com/image/2019/07/16/20190716144231_1678.png"
                alt=""
              />
            </a>
          </div>
          <div class="ProductRecommendationContentRight">
            <a href="">
              <img
                src="//mall03.sogoucdn.com/image/2019/05/13/20190513191053_4977.png"
                alt=""
              />
            </a>
          </div>
        </div>
      </div>

      <div class="ProductRecommendation">
        <div class="ProductRecommendationTitle">
          <h2>糖猫产品</h2>
          <em>糖猫连续三年获“全国质量诚信示范企业”国民信赖品牌实至名归</em>
          <a href="#">
            <span>></span>
            <i>全部</i>
          </a>
        </div>

        <div class="ProductRecommendationContent1">
          <div class="SugarCat1">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
          <div class="SugarCat2">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
          <div class="SugarCat3">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
          <div class="SugarCat4">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
        </div>
      </div>
      <div class="banner_center">
        <img
          src="//mall01.sogoucdn.com/image/2019/07/16/20190716144306_1679.png"
          alt=""
        />
      </div>

      <div class="HotRecommendation">
        <div class="HotRecommendationTitle">
          <h2></h2>
          <em></em>
        </div>

        <div class="HotRecommendationSwiper">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a
                  href="#"
                  style="background: url('//mall02.sogoucdn.com/image/2019/05/13/20190513191309_4979.jpg');display: block;"
                ></a>
              </div>
              <div class="swiper-slide">
                <a
                  href="#"
                  style="background: url('//mall03.sogoucdn.com/image/2019/04/19/20190419112001_4806.jpg');display: block;"
                ></a>
              </div>
              <div class="swiper-slide">
                <a
                  href="#"
                  style="background: url('//mall03.sogoucdn.com/image/2018/12/24/20181224120022_4239.png');display: block;;"
                ></a>
              </div>
              <div class="swiper-slide">
                <a
                  href="#"
                  style="background: url('//mall03.sogoucdn.com/image/2018/12/24/20181224120031_4240.png');display: block;"
                ></a>
              </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination" style="bottom: 70px;"></div>

            <!-- 如果需要导航按钮 -->
            <div class="prevbutton">
              <div class="swiper-button-prev"></div>
            </div>
            <div class="nextbutton">
              <div class="swiper-button-next"></div>
            </div>
          </div>
        </div>
      </div>

      <div class="ProductRecommendation" id="ProductRecommendation">
        <div class="ProductRecommendationTitle">
          <h2>糖猫产品</h2>
          <em>糖猫连续三年获“全国质量诚信示范企业”国民信赖品牌实至名归</em>
          <a href="#">
            <span>></span>
            <i>全部</i>
          </a>
        </div>

        <div class="ProductRecommendationContent2">
          <div class="SugarCat1">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
          <div class="SugarCat2">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
          <div class="SugarCat3">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
          <div class="SugarCat4">
            <img src="#" alt="" />
            <h3></h3>
            <em></em>
            <span></span>
          </div>
        </div>
      </div>

      <div class="banner_center">
        <img
          src="//mall03.sogoucdn.com/image/2018/12/21/20181221191646_4221.png"
          alt=""
        />
      </div>

      <div class="videoRecommendation">
        <div class="videoRecommendationTitle">
          <h2>糖猫产品</h2>
          <em>糖猫连续三年获“全国质量诚信示范企业”国民信赖品牌实至名归</em>
        </div>
        <div class="videosheep">
          <div class="videosheep1">
							<div class="videolist"  ipath="//mall03.sogoucdn.com/video/2019/06/11/20190611141018_6404.mp4">
								<img class="videoimage" src="//mall02.sogoucdn.com/image/2019/06/11/20190611141139_6405.jpg"/>
								<img src="../images/play.png" class="videoed"/>
							</div>
							<div class="videos"></div>
            <h3 class="heihei">搜狗翻译宝Pro</h3>
			<h4 class="haha">歪果仁靠一款翻译神器CARRY全场</h4>
			
          </div>
          <div class="videosheep2">
				<div class="videolist" ipath="//mall02.sogoucdn.com/video/2019/06/11/20190611140201_6403.mp4">
					<img class="videoimage" src="//mall02.sogoucdn.com/image/2019/06/11/20190611141139_6405.jpg"/>
					<img src="../images/play.png" class="videoed"/>
				</div>
				<div class="videos"></div>
            <h3 class="heihei">搜狗翻译宝Pro</h3>
            <h4 class="haha">歪果仁靠一款翻译神器CARRY全场</h4>
          </div>
          <div class="videosheep3">
				<div class="videolist"  ipath="//mall01.sogoucdn.com/video/2019/06/11/20190611141413_6406.mp4">
					<img class="videoimage" src="//mall02.sogoucdn.com/image/2019/06/11/20190611141139_6405.jpg"/>
					<img src="../images/play.png" class="videoed"/>
				</div>
				<div class="videos"></div>
            <h3 class="heihei">搜狗翻译宝Pro</h3>
            <h4 class="haha">歪果仁靠一款翻译神器CARRY全场</h4>
          </div>
          <div class="videosheep4">
			  	<div class="videolist"  ipath="//mall03.sogoucdn.com/video/2019/06/11/20190611141805_6408.mp4">
					<img class="videoimage" src="//mall02.sogoucdn.com/image/2019/06/11/20190611141139_6405.jpg"/>
					<img src="../images/play.png" class="videoed"/>
				</div>
				<div class="videos"></div>
            <h3 class="heihei">搜狗翻译宝Pro</h3>
            <h4 class="haha">歪果仁靠一款翻译神器CARRY全场</h4>
          </div>
        </div>
      </div>
    </div>

    <div class="bottomContainerAll">
      <div class="bottomContainer">
        <div class="bottom">
          <div class="botUp">
            <div class="intro">
              <p>搜狗商城让生活更智能更方便</p>
              <ul class="list">
                <li>
                  <i class="list-icon-tec"></i>
                  <span>科技乐趣</span>
                </li>
                <li>
                  <i class="list-icon-ai"></i>
                  <span>人工智能</span>
                </li>
                <li>
                  <i class="list-icon-translate"></i>
                  <span>智能翻译</span>
                </li>
                <li>
                  <i class="list-icon-live"></i>
                  <span>智能生活</span>
                </li>
                <li>
                  <i class="list-icon-safe"></i>
                  <span>可靠贴心</span>
                </li>
              </ul>
            </div>
            <div class="follow">
              <p>关注搜狗商城，<span>优惠活动</span>早知道</p>
              <ul class="list1">
                <li>
                  <img src="../images/erweima1.png" alt="" />
                  <div class="list1-name">微信公众号</div>
                </li>
                <li>
                  <img src="../images/erweima.png " class="xiaochengxu" alt="" />
                  <div class="list1-name1">小程序</div>
                </li>
              </ul>
            </div>
            <div class="contact">
              <div class="contactTop">
                <ul>
                  <li class="contact-li1">
                    <i class="contact-icon1"></i>
                    <div class="contact-name">七天免费退货</div>
                  </li>
                  <li class="contact-li2">
                    <i class="contact-icon2"></i>
                    <div class="contact-name">一年内保修</div>
                  </li>
                </ul>
              </div>
              <div class="contactBot">
                <ul>
                  <li class="name">客服电话</li>
                  <li class="tel">400-123-7676</li>
                  <li class="time">周一至周日 9:00 - 21:00</li>
                </ul>
              </div>
            </div>
            <span class="bar1 bar"></span>
            <span class="bar2 bar"></span>
          </div>
          <div class="botDown">
            <div class="link">
              <a href="">关于我们</a>
              <a href="">意见反馈及投诉</a>
              <a href="">用户协议</a>
              <a href="">隐私政策</a>
              <a href="">网址大全</a>
              <a href="">售后服务</a>
              <a href="">营业执照</a>
            </div>
            <div class="copyright">
              Copyright ©
              <a href="">京ICP证050897号</a>
              /<a href="">京ICP备11001839号-1</a>/
              <a href="">京公网安备11000002000025号</a>
              <i class=""></i>
            </div>
          </div>
        </div>
      </div>

      <div class="toolbar">
        <div class="tool">
          <a href="">
            <i class="icon-toolbar-ucenter"></i>
            <span>个人中心</span>
          </a>
          <a href="">
            <i class="icon-toolbar-good"></i>
            <span>购物车</span>
          </a>
          <a href="">
            <i class="icon-toolbar-kefu-red"></i>
            <span class="kefu">在线客服</span>
          </a>
        </div>
      </div>
    </div>
    <div class="abc"></div>

    <script
      src="../scripts/swiper.js"
      data-main="index.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <script src="cookie.js"></script>
    <script src="index.js"></script>
   
  </body>
</html>
